<template>
  <div class="preview-default">
    <a-space direction="vertical">
      <img
        src="http://tianxin100we10.cyyvip.com/web/uploads/images/store_1/2021-08-05/14034bc5f0c02003489b4d2161a67d14ed52b30c.png"
        alt=""
      />
    </a-space>
    <a-space direction="vertical">
      <p>点击模块，马上设计属于您的专属商城！</p>
    </a-space>
    <a-space direction="vertical">
      <a-button type="primary" @click="gotoAddModule">添加模块</a-button>
    </a-space>
  </div>
</template>

<script>
export default {
  name: "previewDefault",
  props: {},
  data() {
    return {};
  },
  mounted() {},
  watch: {},
  computed: {},
  methods: {
    gotoAddModule() {
      this.$emit("gotoAddModule");
    },
  },
};
</script>

<style lang="scss" scoped>
.preview-default {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
</style>
